<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap-table/bootstrap-table.css" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap-table/bootstrap-table.darkblue.css" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap-select/css/bootstrap-select.css" />
    <link rel="stylesheet" type="text/css" href="../../plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="../../common/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../common/css/menu.css" />
    <script type="text/javascript" src="../../plugins/jquery/jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="../../plugins/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../plugins/jquery/md5.js"></script>
    <script type="text/javascript" src="../../plugins/jquery/pako.min.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-table/bootstrap-table-v1.0.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-select/js/defaults-zh_CN.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="../../plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker-v1.0.js"></script>
    <script type="text/javascript" src="../../plugins/echarts/echarts.js"></script>
    <script type="text/javascript" src="../../plugins/xhe/xheCharts.js"></script>
    <script type="text/javascript" src="../../plugins/xhe/xheList.js"></script>
    <script type="text/javascript" src="../../common/js/userinfo.js"></script>
    <script type="text/javascript" src="../../common/js/common.js"></script>
    <script type="text/javascript" src="../../common/js/config.js"></script>
    <script type="text/javascript" src="../../common/js/menu.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
</head>
<body>
    <div class="con-background"></div>
    <div id="left-menu" class="left-menu"></div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12" style="text-align:center;">
                <div class="row con-head">
                    <div class="col-md-12">
                        <div class="row conBack">
                            <div class="col-md-2">&nbsp;</div>
                            <div class="col-md-4">&nbsp;</div>
                            <div class="col-md-4">&nbsp;</div>
                            <div class="col-md-2">&nbsp;</div>
                        </div>
                        <div class="row conBack">
                            <div class="col-md-1" style="text-align: left;">
                                <span>&nbsp;&nbsp;</span>
                                <a href="#" style="font-size:20px;" onclick="showMenu()">
                                    <span class="glyphicon glyphicon-list" style="color:#27E6FB;"></span>
                                </a>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-8">
                                <span id="spn_view_title" class="spn-head"></span>
                            </div>
                            <div class="col-md-2">
                            </div>
                        </div>
                    </div>
                </div>
                <img class="img-head" />
            </div>
        </div>       
        <div class="row">
            <div class="col-md-12 panel-body div-search-border">
                <form class="form-horizontal" role="form" action="">
                    <div class="form-group">
                        <div class="col-sm-12 div-search-title">
                            主题管理
                        </div>
                        <div class="col-sm-2">
                            <div class="input-group">
                                <span class="input-group-addon">主题名称:</span>
                                <input id="txt_S_TemplateName" union="A" exist="LI" datatype="C" type="text" class="form-control" />
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="input-group">
                                <span class="input-group-addon">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
                                <select id="ddl_S_Status" union="A" exist="EQ" datatype="I" class="form-control" >
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <div class="input-group">
                                <button type="button" class="btn btn-primary glyphicon glyphicon-search power-search" onclick="search()">查询</button>   
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row div-button-interval">
            <div class="col-md-12">
                <div class="contentTabData" id="contentTabData">
                    <table class="tbl-data" id="tbl_Data"></table>
                </div>
            </div>
        </div>
        <div class="modal fade" id="div_Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">主题管理</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" action="">
                            <div class="form-group">
                                <template id="temp_template">
                                    <edit name="tempname" title="主题名称" width="12" empty="true" disabled="false"></edit>
                                    <edit name="tempremark" title="主题描述" width="12" empty="true" type="textarea"></edit>
                                    <edit name="tempstatus" title="状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态" width="12" type="select" datatype="I" binded="Status"></edit>
                                </template>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" onclick="save()">保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>      
</body>
</html>


